    <div class="c-wrapper js-wrapper">
      <header class="c-masthead">
        <div class="c-container x-flex-v js-masthead-container">
          <a href="/" class="_logo x-flex-v">
            <h1 class="c-heading -h3">LoopBack</h1>
          </a>
          <nav class="_nav js-masthead-nav">
            <ul class="_nav-list js-nav-list">
              <li class="_nav-item {% if page.item == 'getting-started' %}-active{% endif %}">
                <a href="/getting-started">Getting started</a></li>
              <li class="_nav-item {% if page.item == 'examples' %}-active{% endif %}">
                <a href="/examples">Examples</a></li>
              <li class="_nav-item {% if page.item == 'docs' %}-active{% endif %}">
                <a href="/doc">Docs</a></li>
              <li class="_nav-item {% if page.item == 'resources' %}-active{% endif %}">
                <a href="/resources">Resources</a></li>
              <li class="_nav-item {% if page.item == 'contributing' %}-active{% endif %}">
                <a href="/contributing">Contributing</a></li>
            </ul>
          </nav>
          <button class="_menu js-menu">
            <i class="fa fa-bars"></i>
            <span class="x-hide">Menu</span>
          </button>
          <iframe src="https://ghbtns.com/github-btn.html?user=strongloop&amp;repo=loopback&amp;type=watch&amp;count=true" class="c-github-star js-github-star"></iframe>
        </div>
